<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<link href="js/librerias/jqueryUI/css/cupertino/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css" />
 <script src="js/librerias/jqueryUI/js/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
<script src="js/agregarPlanificacion.js" type="text/javascript"></script>
<form action="/CampanhaController" id="Frm_NuevaPlanificacion">
<table style="border-width: 0px">
<tr>
	      <td class="tituloCabecera" colspan="9">Agregar Plan de Marketing</td>
	  </tr>
	<tr>
		<td><label>C&oacute;digo</label></td>
		<td><input type="text" value="" name="p_codigoPlan" id="p_codigoPlan" readonly="readonly"></td>
		<td><label>Versi&oacute;n</label></td>
		<td><input type="text" value="" name="p_version" id="p_version" ></td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td><label>Estado</label></td>
		<td><input type="text" value="GENERADO" name="p_estado" id="p_estado" readonly="readonly"  ></td>
	</tr>
	<tr>
		<td><label>Cliente</label></td>
		<td><span id="p_cliente" ></span></td>
		<td><a id="obtenerCliente" href="">Obtener Cliente</a></td>
		<td><input type="hidden"  id="p_codigoCliente" name="p_codigoCliente"></td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td><label>Fecha de Inicio</label></td>
		<td><input type="text" name="p_fechaInicio" id="p_fechaInicio"></td>
	</tr>
	<tr>
		<td><label>Campaña</label></td>
		<td colspan="5"><input type="text" value="" name="p_nombreCampanha" id="p_nombreCampanha"></td>
		<td><label>Fecha de Aprobaci&oacute;n</label></td>
		<td><input type="text" name="p_fechaAprobacion" id="p_fechaAprobacion"></td>
	</tr>
	<tr>
		<td><label>Concepto</label></td>
		<td colspan="7"><input type="text" value="" name="p_concepto" id="p_concepto"></td>
	</tr>
	<tr>
		<td colspan="8">
			<div id="tabs">
			<ul>
			    <li><a href="#tabs-1">Proyectos</a></li>
			    <li><a href="#tabs-2">Tipos de Medio</a></li>
			    <li><a href="#tabs-3">Observaciones</a></li>
			  </ul>
			  <div id="tabs-1">
			  <table style="width: 100%; border-width: 0px;" border="0">
			  	<tr>
			  		<td width="98%">
			  		 <table id="tablaProyectos" style="width: 100%">
					   	<thead>
			            <tr class="B_TABLA_COLOR_TURQUEZA2">
			              <td>Plazas</td>
			              <td>Descripci&oacute;n</td>
			              <td>Participaci&oacute;n</td>
			            </tr>
			            </thead>
				   		<tbody id="tabla_Proyectos_body"></tbody>
				   	</table>
			  		
			  		</td>
			  		<td width="2%">
				  		<table style="width: 100%">
					   		<tr><td><a href="" id="nuevoProyecto">+</a></td></tr>
					   		<tr><td>-</td></tr>
				  		 </table>
			  		
			  		</td>
			  	
			  	</tr>
			  
			  </table>
			  
			   
			   </div>
			  <div id="tabs-2">
			  <table style="width: 100%; border-width: 0px;" border="0">
			  <tr>
			  		<td width="98%">
			  <table id="tablaTiposMedio" style="width: 100%" >
				   	<thead>
		            <tr class="B_TABLA_COLOR_TURQUEZA2">
		              <td>Tipo</td>
		              <td>Descripci&oacute;n</td>
		              <td>Unidad</td>
		               <td>Cantidad</td>
		                <td>Moneda</td>
		                <td>Costo</td>
		                <td>Precio</td>
		            </tr>
		            </thead>
			   		<tbody id="tabla_Medios_body"></tbody>
			   </table>
			  </td>
			  		<td width="2%">
				  		<table style="width: 100%">
					   		<tr><td><a href="" id="nuevoMedio">+</a></td></tr>
					   		<tr><td>-</td></tr>
				  		 </table>
			  		
			  		</td>
			   
			   </table>
			  </div>
			  <div id="tabs-3">
			    <textarea rows="4" cols="1" style="width: 100%" name="p_comentarios"></textarea>	
			   </div>
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="4" align="center"> <a href="" id="guardarPlanificacion">Guardar</a></td>
		<td colspan="4" align="center"> <a href="" id="cancelarPlanificacion">Cancelar</a></td>
	</tr>
</table>
<div id="dialog-Cliente" title="Obtener Ciente">
	  <h1>Criterios de Búsqueda</h1>
	  <table border="0">
	  	<tr>
	  		<td><label>Raz&oacute;n Social</label></td>
	  		<td><input type="text" name="p_razonSocialCliente" id="p_razonSocialCliente"></td>
	  		
	  		<td><a href="" id="buscarClientePlanificacion" >Buscar</a></td>
	  	</tr>
	  </table>
	  <table id="tabla_listadoClientes"  style="width: 100%; border: 0" >
	    <thead>
	      <tr>
	        <th>Seleccione</th>
	        <th>Ruc</th>
	        <th>Rason Social</th>
	        <th>Dirección</th>
	      </tr>
	    </thead>
	    <tbody id="tabla_Clientes_body"></tbody>
	  </table>
	</div>
	
	<div id="dialog-proyecto" title="Obtener Proyecto">
	  <h1>Plaza</h1>
	  <table>
	  <tr>
	  	<td><label>Descripci&oacute;n:</label></td>
	  	<td><input type="text" name="p_descripcionPlaza" id="p_descripcionPlaza"></td>
	  </tr>
	  <tr>
	  	<td><label>Participaci&oacute;n:</label></td>
	  	<td><input type="text" name="p_participacionPlaza" id="p_participacionPlaza"></td>
	  </tr>
	  </table>
	  
	</div>
	
	<div id="dialog-medios" title="Tipo de medios">
	  <h1>Tipos de Medios</h1>
	  <table>
	  <tr>
	  	<td><label>Tipo:</label></td>
	  	<td><select name="p_tipoMedio" id="p_tipoMedio"></select></td>
	  </tr>
	  <tr>
	  	<td><label>Descripci&oacute;n:</label></td>
	  	<td><input type="text" name="p_descripcionTipoMedio" id="p_descripcionTipoMedio"></td>
	  </tr>
	  <tr>
	  	<td><label>Unidad:</label></td>
	  	<td><input type="text" name="p_unidadTipoMedio" id="p_unidadTipoMedio"></td>
	  </tr>
	  <tr>
	  	<td><label>Cantidad:</label></td>
	  	<td><input type="text" name="p_cantidadTipoMedio" id=p_cantidadTipoMedio></td>
	  </tr>
	  <tr>
	  	<td><label>Moneda:</label></td>
	  	<td><select name="p_monedaTipoMedio" id="p_monedaTipoMedio">
	  		<option value="S" selected="selected">SELECCIONE</option>
	  		<option value="S">SOLES</option>
	  		<option value="D">DOLARES</option>
	  	</select></td>
	  </tr>
	  <tr>
	  	<td><label>Costo:</label></td>
	  	<td><input type="text" name="p_costoTipoMedio" id="p_costoTipoMedio"></td>
	  </tr>
	  <tr>
	  	<td><label>Precio:</label></td>
	  	<td><input type="text" name="p_precioTipoMedio" id="p_precioTipoMedio"></td>
	  </tr>
	  </table>
	  
	</div>
</form>